<template>
  <section class="gbei">
    <div class="container wrap">
      <div class="info">
        <h3 class="title">企业官网</h3>

        <div class="py-2 space-x-2 space-y-2">
          <span class="tag" style="background: #8c8c8c"> vue2 </span>
          <span class="tag" style="background: #8c8c8c"> swiper </span>
          <span class="tag" style="background: #8c8c8c"> gsap </span>
          <span class="tag" style="background: #8c8c8c"> 企业官网 </span>
        </div>

        <div class="describe text-sm">
          <p class="dot">
            响应式页面：使用常见组件库的栅格系统或 Tailwind.css
            来进行响应式开发，电脑端为主。
          </p>
          <p class="dot">
            Vue 脚手架构建单页应用，有 SEO
            需求的则配合预渲染插件进行处理。有明确要求的(很少)静态页面，html
            形式或 Gulp 工具进行构建。
          </p>
          <p class="dot">
            熟练掌握 Swiper、Aos、Gsap
            的使用，实现常见动画、过渡、交互效果，Antv、Echarts
            进行数据可视化展示。
          </p>
        </div>
      </div>

      <div class="w-4/5 my-16 mx-auto pic">
        <img src="../assets/imgs/jbe.jpg" class="object-cover rounded img" />
      </div>
    </div>
  </section>
</template>

<style>
.gbei {
  background: linear-gradient(135deg, #1f1c2c, #928dab);
}
</style>
